.home-popover {
    padding-top: 27px;
    .align-left {
        text-align: left !important;
    }
    .text-left {
        text-align: left !important;
        &::after {
            right: 5px !important;
        }
    }
    .align-center {
        text-align: center !important;
    }
    .text-center {
        text-align: center !important;
        &::after {
            right: -14px !important;
        }
    }
    .text-right {
        text-align: right !important;
    }
    .home-header {
        height: 44px;
        border-bottom: 1px solid #EEE;
        display: flex;
        &>div {
            text-align: center;
            line-height: 44px;
            &:nth-child(1) {
                padding-left: 15px;
                img {
                    vertical-align: middle;
                    height: 20px;
                }
            }
            &:nth-child(2) {
                flex: 1;
                position: relative;
                ion-searchbar {
                    width: 90%;
                    right: 15px;
                    top: 50%;
                    border: 0;
                    height: 30px;
                    font-size: 12px;
                    color: #222;
                    padding: 0;
                    background: #eee;
                    position: absolute;
                    transform: translate(0, -50%);
                    text-align: left;
                }
                img {
                    position: absolute;
                    width: 15px;
                    right: 25px;
                    top: 50%;
                    transform: translate(-0, -50%);
                }
            }
        }
    }
    .home-content {
        overflow-y: auto;
        .search-All {
            text-align: center;
            margin: 44px auto;
            label {
                color: #ccc;
                font-size: 12px;
            }
            &>div {
                display: flex;
                width: 50%;
                margin: 24px auto;
                a {
                    flex: 1;
                    color: #728D9A;
                    font-size: 14px;
                    text-align: center;
                    position: relative;
                    &::after {
                        content: "|";
                        color: #EEEEEE;
                        position: absolute;
                        right: 0;
                        top: 50%;
                        transform: translate(0, -50%);
                    }
                    &:last-child {
                        &::after {
                            display: none;
                        }
                    }
                }
            }
        }
        .search-line {
            height: 8px;
            background: #F5F5F5;
            width: 100%;
        }
        .search-Group,
        .search-Project,
        .search-Function {
            label {
                display: block;
                padding: 12px 0;
                margin: 0 15px;
                border-bottom: 1px solid #eee;
            }
            &>label {
                color: #ccc;
                font-size: 13px;
            }
            span {
                display: block;
                color: #222;
                font-size: 15px;
                &:active {
                    background: #F0F4F7;
                }
                label {
                    display: block;
                    position: relative;
                    i {
                        font-style: normal;
                        overflow: hidden;
                        width: 80%;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        display: block;
                    }
                    img {
                        right: 0;
                        top: 50%;
                        width: 11px;
                        position: absolute;
                        transform: translate(0, -50%);
                    }
                }
                &:last-child {
                    label {
                        border: 0;
                    }
                }
            }
        }
    }
}